import { createApp } from 'vue'
import './style.css'
// import './config/rem.js'
// import 'bootstrap/dist/css/bootstrap.css'
import App from './App.vue'
import * as ElementPlusIconsVue from '@element-plus/icons-vue'
import router from "./router/index"
import headNavigation from './components/headNavigation/index.vue'
import ElementPlus from "element-plus";
// element-plus 中的语言配置
// import elementEnLocale from 'element-plus/lib/locale/lang/en'
import zhCn from "element-plus/es/locale/lang/zh-cn";
import {numberExchange,backTop} from './utils/index.js'
import i18n from './lang/i18n.js'
const app = createApp(App) 
// 全局注册字符千位符方法
app.config.globalProperties.$numberExchange = numberExchange
app.config.globalProperties.$backTop = backTop
// 设置颜色和背景色全局变量
// 夜间模式文字颜色
app.config.globalProperties.darkTextColor = '#fff'
// 日间模式文字颜色
app.config.globalProperties.lightTextColor = '#000'
// 日间模式背景颜色
app.config.globalProperties.lightbgColor = '#fff'
// 夜间模式背景颜色
app.config.globalProperties.darkbgColor = '#1F1F1F'
// 浅灰色
app.config.globalProperties.f1Color = '#f1f1f1'
app.use(ElementPlus, {
 
  locale: zhCn,
 
});

for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
    app.component(key, component)
}
app.use(router).use(i18n).component('headNavigation',headNavigation).mount('#app')

